.project-status {
  .ant-card-head{
    height: 52px;
    .ant-card-head-title{
      padding: 0!important;
      margin-top: -10px;
      .project-status-card-title-container {
        width: 100%;
        .project-status-card-title-container-title {
          margin-right: 19px;
        }
        .project-status-card-title-container-button1 {
          border: 0 solid rgba(63, 144, 247, 1);
          width: 120px;
          height: 50px;
          line-height: 50px;
          border-radius: 0;
          font-size: 16px;
          text-align: center;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.015);
          .title-button-text {
            color: red;
          }
        }

        .project-status-card-title-container-button4 {
          margin-left: 50px;
        }
        .active-button {
          color: #3f90f7;
          border-bottom-width: 2px;
        }
      }


    }
    .project-status-extra-button{
      border: 0 !important;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0.015) !important;
      color:#999999 !important;
      font-size: 14px;
      margin-top: -5px;
    }
  }
  .ant-card-body{
    padding-bottom: 40px;
  }
  .project-status-content{
    flex-direction: row;

    .calendar-container{
      width: 386px;
      background:rgba(255,255,255,1);
      border:1px solid rgba(231,231,231,1);
      border-radius:4px;
      height: 435px;
      .ant-fullcalendar-header {
        text-align: center;
        background-color: #FAFAFA;

        .ant-radio-button-wrapper-checked:first-child {
          border-color: #3f90f7;
          box-shadow: none !important;
          color: #3f90f7;
        }
        .ant-radio-button-wrapper-checked {
          background: #fff;
          border-color: #3f90f7;
          color: #3f90f7;
          box-shadow: -1px 0 0 0 #3f90f7;
        }

      }

      tr{
        height: 53px;
      }
      .ant-fullcalendar-date {
        display: flex;
        flex-direction: row;
        .ant-fullcalendar-content{
          position: relative;
          width: 100%;
          left: 0;
          bottom: 0;
          .calendar-dot {
            //position: absolute;
            //right: -4px;
            //bottom: 25px;
            background-color: red;
            width: 20px;
            height: 20px;
            border-radius: 10px;
            font-size: 10px !important;
            line-height: 20px;
            color: #ffffff;
          }
        }
      }

      .ant-fullcalendar-selected-day {
        .ant-fullcalendar-value {
          background-color: #3f90f7;
        }
      }
      .ant-fullcalendar-today {
        .ant-fullcalendar-value {
          box-shadow: 0 0 0 0 #313653 inset;
          background-color: #EEF3F6;

        }
      }
    }

    .table-container{
      margin-left: 25px;
      overflow-y: visible;
      height: 435px;
      background:rgba(255,255,255,1);
      border:1px solid rgba(231,231,231,1);
      border-radius:4px;
      -ms-overflow-style:scrollbar;

      .ant-table-thead > tr> th {
        background: #FAFAFA;
      }

      .ant-table-tbody > tr > td{
        text-align: left;
        color:#595959;
      }
      .ant-table-tbody>tr{
        &:hover{
          background-color: #f0faff;
        }td{background:none;}
      }
      .ant-pagination {
        display: none;
      }
    }
  }



}
